<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <style>
   	body{}
   </style>
   <body>
    <div class="container">
    	<div class="row">
    		<div class="col-xs-6">
    			<div class="alert alert-danger"><!--错误提示  提示内容   关闭小插  靠右和到前页-->
    				<div>呵呵<span class="close" data-dismiss="alert">&times;</span></div>
    			</div>
    		</div>
    		<div class="col-xs-6"><!--下拉菜单按钮-->
    			<button href="#" class="dropdown-toggle btn btn-info" data-toggle="dropdown">按钮<span class="caret"></span></button>
    			<ul class="dropdown-menu"><!--菜单内容-->
            	<li><a href="#">Action</a></li>
            	<li role="separator" class="divider"></li>
            	<li><a href="#">Separated link</a></li>
          		</ul>
          	</div>
          	
          	
          	
          	<div class="col-xs-6"><!--分裂下拉菜单按钮-->
          			<div class="btn-group"><!--说明分裂-->
	          		<button class="btn btn-info">按钮</button><!--按钮前半部分-->
	          		<button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret btn-group"></span></button><!--按钮后半部分-->
	    			<ul class="dropdown-menu"><!--菜单内容-->
	            	<li><a href="#">Action</a></li>
	            	<li role="separator" class="divider"></li>
	            	<li><a href="#">Separated link</a></li>
	          		</ul>
	          		</div>
    		</div>
    	</div>
    </div>
    <div class="container">
    	<div class="row">
    		<div class="col-xs-6">
    			<div class="panel panel-danger">
    				<div class="panel-heading">
    					<div class="panel-title">
    						呵呵哒
    					</div>
    				</div>
    				<div class="panel-body">
    					<a class="panel-collapse">
    						<div>内容</div>
    					</a>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
  </body>
</html>